<template>
	<div class="game-container">
		<div class="content" style="margin-bottom: 45px;">
			普通增值类型
			<el-divider></el-divider>
			<FeeConfigItem
				:configType="basicConfigType"
				:anteRangeStartName="anteRangeStartName"
			/>
		</div>
		<div class="content" style="margin-bottom: 45px;">
			互动道具
			<el-divider></el-divider>
			<FeeConfigItem
				:configType="interactiveConfigType"
				:anteRangeStartName="anteRangeStartName"
			/>
		</div>

		<div class="content">
			看手牌
			<el-divider></el-divider>
			<FeeConfigItem
				:configType="lookHandConfigType"
				anteRangeStartName="底池(>)"
			/>
		</div>
	</div>
</template>

<script>
import FeeConfigItem from '../FeeConfigItem'
export default {
	components: { FeeConfigItem },
	props: {
		basicConfigType: {
			type: Number,
			default: 0
		},
		interactiveConfigType: {
			type: Number,
			default: 0
		},
		lookHandConfigType: {
			type: Number,
			default: 0
		},
		anteRangeStartName: {
			type: String,
			default: ''
		}
	}
}
</script>

<style lang="scss" scoped>
.tab-content {
	margin: 5px 16px 0px 16px;
}
.text-click {
	color: #409eff;
	cursor: pointer;
}
</style>
